body {
    background-color: #F6F7F9;
}
.pre_home {
    width:99%;
    height: 100%;
    margin-left: 0.5%;
}
/*
   头部
*/
.div_tit{
    margin-left: 0.1%;
    width: 99%;
    height:45px;
    background-color:#F2F2F2;
    border:2px solid #E6E6E6;
}
.tit_span{
    margin-left:10px;
    margin-top:-20px;
}
.tit_btn{
    margin-left:85%;
    margin-top:-35px;
}
.tit_btn2{
    margin-top:-35px;
}
.div_ic{
    width:5px;
    height:20px;
    background-color:#1ABC9C;
    margin-top:12px;
}
/*
    用户封停数据列表
*/
.div_list{
    margin-left: 0.1%;
    width: 99%;
    /*height:690px;*/
    margin-bottom:2%;
}
.div_list_title{
    width:100%;
    height:55px;
    background-color:#F3F3F3;
    border:1px solid #E6E6E6;
    font-weight:bold;
    line-height:55px;
    font-size:16px;
    color:#666666;
    text-indent:18px;
}
/*
    检索
*/
.div_index{
    margin-left: 0.2%;
    width: 99%;
    margin-top: 1%;
    border: 1px solid #E6E6E6;
    /*border-color: #E6E6E6;*/
}
.div_index_title{
    width:100%;
    height:45px;
    background-color:#F3F3F3;
    border-bottom:1px solid #E6E6E6;
    font-weight:bold;
    line-height:45px;
    font-size:16px;
    text-indent:18px;
    color:#666666;
}
.index_btns1{
    width:90px;
    height:26px;
    margin-left:990px;
}
.index_btns2{
    width:100px;
    height:26px;
    margin-left:950px;
}
.div_index_input{
    width:100%;
    height:55px;
}
.index_li_item{
    margin-top:8px;
    width:21%;
    float:left;
}
#indexBtn{
    width: 65px;
}
#resetBtn{
    width: 65px;
    margin-left: 10px;
}
#btn_icom{
    font-size: 14px;
    margin-left: -9px;
}
#btn_icom1{
    font-size: 12px;
    margin-left: -8px;
}
.layui-table-tool-self{
    right: 4.1%;
}
#div_4{
    float: left;
}
#btn_1{
    margin-left: 15%;
}
#div2{
    margin-top: 1px;
    margin-right: 2%;
    float: right;
}
#div1{
    float: left;
}
#List_Header_span{
    line-height: 3em;
}

#color_id{
    color: #1CBD9D;
}

.layui-btn {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    padding: 0 18px;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    border: none;
    border-radius: 2px;
    width: 65px;
    cursor: pointer;
    margin-top: 4px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.layui-btn .layui-icon {
    margin-left: -9px;
    font-size: 12px;
    vertical-align: bottom;
}

.btn_class{
    height: 35px;
}

.li_class{
    margin-top: 0px;
}
#div_id{
    overflow: hidden;
    position: absolute;
    right: 3.3%;
    margin-top: 5px;
}


/*屏幕宽度小于1200px,改变布局和样式    110%     */
@media screen and (max-width:1200px) {
    #div_id{
        overflow: hidden;
        position: absolute;
        right: 3.3%;
        margin-top: 5px;
    }
    #div2{
        margin-top: 1px;
        margin-right: 2%;
        float: right;
    }
}


/*屏幕宽度小于1100px,改变布局和样式     125%      */
@media screen and (max-width:1100px) {
    #createDa{
        display: none;
    }
    #div_id{
        overflow: hidden;
        position: absolute;
        right: 3.4%;
        margin-top: 5px;
    }
    #div2{
        margin-top: 1px;
        margin-right: 2%;
        float: right;
    }
    .index_li_item{
        margin-top:8px;
        width:27%;
        float:left;
    }
}

/*屏幕宽度小于1000px,改变布局和样式      150%       */
@media screen and (max-width:1000px) {
    #createDa{
        display: none;
    }
    #operate{
        display: none;
    }
    #div_id{
        overflow: hidden;
        position: absolute;
        right: 3.3%;
        margin-top: 5px;
    }
    #div2{
        margin-top: 1px;
        margin-right: 2%;
        float: right;
    }
    .index_li_item{
        margin-top:8px;
        width:37%;
        float:left;
    }
}


/*屏幕宽度小于800px,改变布局和样式      175% ~200%       */
@media screen and (max-width:800px) {
    #createDa{
        display: none;
    }
    #operate{
        display: none;
    }
    #div_id{
        overflow: hidden;
        position: absolute;
        right: 3.3%;
        margin-top: 5px;
    }
    #div2{
        margin-top: 1px;
        margin-right: 2%;
        float: right;
    }
    .index_li_item{
        margin-top:8px;
        width:37%;
        float:left;
    }
}


/*屏幕宽度小于600px,改变布局和样式     250%       */
@media screen and (max-width:600px) {
    #createDa{
        display: none;
    }
    #operate{
        display: none;
    }
    #tablena{
        display: none;
    }
    #div_id{
        overflow: hidden;
        position: absolute;
        right: 3.3%;
        margin-top: 5px;
    }
    #div2{
        margin-top: 1px;
        margin-right: 2%;
        float: right;
    }
    .index_li_item{
        margin-top:8px;
        width:55%;
        float:left;
    }
}


/*屏幕宽度小于500px,改变布局和样式     300%        */
@media screen and (max-width:500px) {
    #createDa{
        display: none;
    }
    #operate{
        display: none;
    }
    #tablena{
        display: none;
    }
    #div_id{
        overflow: hidden;
        position: absolute;
        right: 3.3%;
        margin-top: 5px;
    }
    #div2{
        margin-top: 1px;
        margin-right: 2%;
        float: right;
    }
    .index_li_item{
        margin-top:8px;
        width:55%;
        float:left;
    }
}


/*屏幕宽度小于400px,改变布局和样式      400%             */
@media screen and (max-width:400px) {
    #createDa{
        display: none;
    }
    #operate{
        display: none;
    }
    #tablena{
        display: none;
    }
    #trueNa{
        display: none;
    }
    #div_id{
        overflow: hidden;
        position: absolute;
        right: 3.3%;
        margin-top: 5px;
    }
    #div2{
        margin-top: 1px;
        margin-right: 2%;
        float: right;
    }
    .index_li_item{
        margin-top:8px;
        width:55%;
        float:left;
    }
}


/*屏幕宽度小于300px,改变布局和样式      500%          */
@media screen and (max-width:300px) {
    #createDa{
        display: none;
    }
    #operate{
        display: none;
    }
    #tablena{
        display: none;
    }
    #trueNa{
        display: none;
    }
    #div_id{
        overflow: hidden;
        position: absolute;
        right: 3.3%;
        margin-top: 5px;
    }
    #div2{
        margin-top: 1px;
        margin-right: 2%;
        float: right;
    }
    .index_li_item{
        margin-top:8px;
        width:55%;
        float:left;
    }
}